<%--
  Created by IntelliJ IDEA.
  User: legion
  Date: 2024/11/23
  Time: 23:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>登录表单</title>

<!-- 字体图标 -->
<link rel="stylesheet"
	href="fonts/material-icon/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="fonts/material-icon/css/icont.css">

<!-- 主要样式 -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<input type="hidden" id="status" value="<%=request.getAttribute("status")%>">

	<div class="main">

		<!-- 主要形式 -->
		<section class="sign-in">
			<div class="container">
				<div class="signin-content">
					<div class="signin-image">
						<figure>
							<img src="images/signin-image.jpg" alt="sing up image">
						</figure>
						<a href="registration.jsp" class="signup-image-link">注册账户</a>
					</div>

					<div class="signin-form">
						<h2 class="form-title">登录</h2>
						<form method="post" action="login" class="register-form"
							id="login-form">
							<div class="form-group">
								<label for="username"><i
									class="zmdi zmdi-account material-icons-name"></i></label> <input
									type="text" name="username" id="username"
									placeholder="支持 用户名 电子邮箱" />
							</div>
							<div class="form-group">
								<label for="password"><i class="zmdi zmdi-lock"></i></label> <input
									type="password" name="password" id="password"
									placeholder="密码" />
							</div>
							<div class="form-group">
								<input type="checkbox" name="remember-me" id="remember-me"
									class="agree-term" /> <label for="remember-me"
									class="label-agree-term"><span><span></span></span>下次自动登录</label>
							</div>
							<div class="form-group form-button">
								<input type="submit" name="signin" id="signin"
									class="form-submit" value="提 交" />
							</div>
						</form>
						<div class="social-login">
							<span class="social-label">使用以下方式登录</span>
							<ul class="socials">
								<li ><a href="#"><i
										class="display-flex-center zmdi iconfont icon-weixin" style="font-size: 30px;color: green"></i></a></li>
								<li><a href="#"><i
										class="display-flex-center zmdi iconfont icon-qq" style="font-size: 30px;color: #0066FF"></i></a></li>
								<li><a href="#"><i
										class="display-flex-center zmdi zmdi-google"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>

	</div>

	<!-- JS -->
	<script src="vendor/jquery/jquery.min.js"></script>
	<script src="js/main.js"></script>
	<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	<link rel="stylesheet" href="alert/dist/sweetalert.css">

	<script>
	var status = document.getElementById("status").value;
	if (status == "error"){
		swal("Sorry","Wrong Username or Password","error");
	}
	</script>

</body>
<!-- This templates was made by Colorlib (https://colorlib.com) -->
</html>